<style>
    .content {
        margin: 0;
        padding: 0;
    }
    label.required:before {
        content: '* ';
        color: red;
    }
    .form-horizontal {
        background-color: #f4f4f4;
    }
    .bootstrap-select>.dropdown-toggle{
        width: 180px;
    }
    .rounded-box {
        background-color: white;
        padding-top: 20px; /* 内边距 */
        position: relative;
    }
    .form-group{
        padding: 10px;
    }
</style>
<form id="edit-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="rounded-box">
        <div class="form-group">
            <label class="required control-label col-xs-6 col-sm-3">{:__('调动类型')}:</label>
            <div class="col-xs-6 col-sm-4">
                <div class="form-inline"  >
                    <select class="first form-control" name="row[operate]">
                        <option value="0">升职</option>
                        <option value="1">降职</option>
                        <option value="2">平职</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="required control-label col-xs-6 col-sm-3">{:__('Rank')}:</label>
            <div class="col-xs-6 col-sm-4">
                <div class="form-inline" data-toggle="cxselect" data-selects="first,second" >
                    <select class="first form-control" name="row[rank_first]" data-url="ajax/staff_rank?pid=0">
                        {notempty name="$row.rank_first"}
                        <option value="{$row.rank_first.id}" selected="">{$row.rank_first.name}</option>
                        {/notempty}
                    </select>
                    <select class="second form-control" name="row[rank_second]" data-url="ajax/staff_rank" data-query-name="pid">
                        {notempty name="$row.rank_second"}
                        <option value="{$row.rank_second.id}" selected="">{$row.rank_second.name}</option>
                        {/notempty}
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group">
            <label class="required control-label col-xs-6 col-sm-3">{:__('Jobgrade')}:</label>
            <div class="col-xs-6 col-sm-4">
                <div class="form-inline" data-toggle="cxselect" data-selects="first,second" >
                    <select class="first form-control" name="row[job_first]" data-url="ajax/staff_job?pid=0">
                        {notempty name="$row.job_first"}
                        <option value="{$row.job_first.id}" selected="">{$row.job_first.name}</option>
                        {/notempty}
                    </select>
                    <select class="second form-control" name="row[job_second]" data-url="ajax/staff_job" data-query-name="pid">
                        {notempty name="$row.job_second"}
                        <option value="{$row.job_second.id}" selected="">{$row.job_second.name}</option>
                        {/notempty}
                    </select>
                </div>
            </div>
        </div>
        <div class="form-group layer-footer">
            <label class="control-label col-xs-12 col-sm-1"></label>
            <div class="col-xs-12 col-sm-8">
                <button type="submit" class="btn btn-primary btn-embossed disabled">{:__('OK')}</button>
            </div>
        </div>
    </div>
</form>
